<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>自定义粘贴板</title>
  <link rel="stylesheet" href="popup.css">
</head>
<body>
  <div class="header">
    <h1>自定义粘贴板</h1>
    <button id="clearBtn" class="clear-btn">清空历史</button>
  </div>
  
  <div class="input-section">
    <textarea id="textInput" placeholder="在此输入要保存的文本..."></textarea>
    <button id="saveBtn" class="save-btn">保存</button>
  </div>
  
  <!-- 添加测试按钮区域 -->
  <div class="test-section">
    <button id="testAlt1Btn" class="test-btn">测试 Ctrl+Shift-1 功能</button>
    <button id="testAlt2Btn" class="test-btn">测试 Ctrl+Shift-2 功能</button>
    <button id="showProductIdBtn" class="test-btn">显示保存的商品ID</button>
  </div>
  
  <!-- 添加显示保存内容按钮 -->
  <div class="test-section">
    <button id="showSavedContentBtn" class="test-btn">显示保存内容</button>
  </div>
  
  <!-- 添加商品ID测试区域 -->
  <div class="product-id-test-section">
    <div class="product-id-test">
      <input type="text" id="testProductIdInput" placeholder="输入测试商品ID">
      <button id="saveTestProductIdBtn" class="test-btn">保存测试ID</button>
      <button id="clearTestProductIdBtn" class="test-btn">清除ID</button>
    </div>
  </div>
  
  <!-- 添加当前商品ID显示区域 -->
  <div class="product-id-section">
    <div class="product-id-display">
      <span class="label">当前商品ID:</span>
      <span id="currentProductId" class="value">未设置</span>
    </div>
  </div>
  
  <!-- 添加日志开关控制 -->
  <div class="debug-section">
    <div class="debug-toggle">
      <label class="toggle-label">
        <input type="checkbox" id="debugModeToggle">
        <span class="toggle-slider"></span>
        日志模式
      </label>
      <span id="debugModeStatus" class="status-off">已关闭</span>
    </div>
  </div>
  
  <div class="search-section">
    <input type="text" id="searchInput" placeholder="搜索历史记录...">
  </div>
  
  <div class="history-section">
    <ul id="historyList"></ul>
  </div>
  
  <script src="popup.js"></script>
</body>
</html>